<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<div id="app">
  {{counter}} <br>
<!--在事件监听 时  如果调用的方法 不需要传参数 方法的括号可以不写-->
  <button v-on:click="increment">加</button>
  <button @click="decrement()">减</button>

</div>
  <script src="../js/vue.js"></script>
<script>
  const app = new Vue({
    el:'#app',
    data:{
      message:"message",
      counter:0

    },
    methods:{
      increment(){
        this.counter++;
      },
      decrement(){
        this.counter--;
      }


    }

  })
</script>
</body>
</html>